const util = require("../../../../utils/util.js")
const api = require("../../../../wxapi/config.js")
Page({
  /**
	 * 用户点击右上角分享
	 */
  onShareAppMessage: function () {
    return {
      title: '影视行业大数据',
      path: '/pages/index/RankingList/tvRatings/tvRatings'
    }
  },

	/**
	 * 页面的初始数据
	 */
	data: {
    tag: 0,
    audienceList: [],
    minDate: new Date(2014, 12, 1).getTime(),
    maxDate: new Date().getTime(),
    currentDate: new Date().getTime(),
    currentDateStr: util.formatDate(new Date()),
    tabletitle: '频道',
    previous: false,
    next: true,
		isShowPicker: false,
		isloading: true,
		skeleton: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],

    tabTypesActive: '全部',
    tabTypesActiveOpt: [{ name: '全部' }, { name: '央视' }, { name: '卫视' }, { name: '其他' } ],
    isShowTypes: false
	},

	/**
	 * 生命周期函数--监听页面加载
	 */
	onLoad: function (options) {
    // 后台接口通后 启用该方法即可
    let dateInit = new Date()
    this.setData({
      maxDate: dateInit.getTime() - 24 * 60 * 60 * 1000,
      currentDate: dateInit.getTime() - 24 * 60 * 60 * 1000,
      currentDateStr: util.formatDate(new Date(dateInit.getFullYear(),dateInit.getMonth(),dateInit.getDate()-1))
    })
    this.getTableData(this.data.currentDateStr, this.data.tag)
	},
  // 标签切换
  // onChangeBomtNav(event) {
  //   this.setData({
  //     tag: event.detail.index
  //   })
  //   this.getTableData(this.data.currentDateStr, this.data.tag)
  // },
	
  // 获取表格数据
  getTableData(year, tag) {
		this.setData({
			isloading: true
		})
    api.getAudienceList({rq: year, tag: tag}).then((res) => {
      if (res.data.length !== 0 ) {
        this.setData({
          audienceList: res.data,
					isloading: false
        })
      } else {
        this.setData({
          audienceList: [],
					isloading: false
        })
      } 
    })
  },

  // 前一天
  // changeprev() {
  //   if (!this.data.previous) {
  //     let time = util.computedDate(this.data.minDate, this.data.currentDate, this.data.maxDate, 0)
  //     this.data.currentDate -= (86400000 + time)
  //     let date = new Date(this.data.currentDate)
  //     this.setData({
  //       currentDate: this.data.currentDate
  //     })
  //     if (this.data.currentDate > this.data.minDate) {
  //       this.setData({
  //         currentDateStr: util.formatDate(date),
  //         previous: false,
  //         next: false
  //       })
  //     } else {
  //       this.setData({
  //         currentDateStr: util.formatDate(new Date(this.data.minDate)),
  //         previous: true
  //       })
  //     }
  //     this.getTableData(this.data.currentDateStr, this.data.tag)
  //   }
  // },
  // 后一天
  // changenext() {
  //   if (!this.data.next) {   
  //     let time = util.computedDate(this.data.minDate, this.data.currentDate, this.data.maxDate, 2)
  //     this.data.currentDate += (86400000 + time)
  //     let date = new Date(this.data.currentDate)
  //     this.setData({
  //       currentDate: this.data.currentDate
  //     })
  //     if (this.data.currentDate < this.data.maxDate) {
  //       this.setData({
  //         currentDateStr: util.formatDate(date),
  //         previous: false,
  //         next: this.data.currentDate === this.data.maxDate ? true : false
  //       })
  //     } else {
  //       this.setData({
  //         currentDateStr: util.formatDate(new Date(this.data.maxDate)),
  //         next: true
  //       })
  //     }
  //     this.getTableData(this.data.currentDateStr, this.data.tag)
  //   }
  // },

  // 选择日期后点击【确认】的响应事件
  changeDate(event) {
    const date = new Date(event.detail);
    this.setData({
      isShowPicker: false,
      currentDate: util.computedDate(this.data.minDate, event.detail, this.data.maxDate, 1),
      currentDateStr: util.formatDate(date)
    })
    this.setData({
      previous: event.detail === this.data.minDate,
      next: this.data.currentDate > this.data.minDate && this.data.currentDate === this.data.maxDate
    })
    this.getTableData(this.data.currentDateStr, this.data.tag)
  },

  // 显示日期选择组件
  showDatetimeOpt() {
    this.setData({
      isShowPicker: true
    })
  },
  // 取消日期选择组件
  hideDatetimeOpt() {
    this.setData({
      isShowPicker: false
    })
  },

  // 显示选择【类型】组件
  isShowTypesCompon() {
    this.setData({
      isShowTypes: true
    })
  },
  // 隐藏选择【类型】组件
  hideTypesCompon() {
    this.setData({
      isShowTypes: false
    })
  },
  // 选择【类型】后-【确认】响应事件
  changeTypes(event) {
    let tagMap = { "全部": 0, "央视": 1, "卫视": 2, "其他": 3 }
    console.log(event)
    this.setData({
      tabTypesActive: event.detail.name,
      tag: tagMap[event.detail.name],
      isShowTypes: false
    })
   
    this.getTableData(this.data.currentDateStr, this.data.tag)
  },

})